<div class="mobile-content">
    <!-- options等同于：Swiper API（@see: http://www.swiper.com.cn/api/index.html） -->
    <weui-swiper [options]="swiperOptions">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" *ngFor="let item of swiperImages">
                    <img [src]="item.url" alt="">
                </div>
            </div>
            <!-- <weui-pagination [mode]="'pointer'" [current]="0" [total]="4"></weui-pagination> -->
        </div>
    </weui-swiper>

    <div class="home-panel">
        <div class="weui-panel weui-panel-bord-radi">
            <div class="weui-grids">
                <a href="javascript:;" (click)="onClickMenuItem(item)" class="weui-grid" *ngFor="let item of commonUseMenus">
                    <span class="weui-badge" *ngIf="item.badgeNum != '0'" style="position: absolute;top: 1em;right: 1em;padding: .1em .2em;">{{item.badgeNum}}</span>
                    <div class="weui-grid__icon">
                        <img [src]="item.iconSrc" alt="">
                    </div>
                    <p class="weui-grid__label">{{item.menuName}}</p>
                </a>
            </div>
        </div>

        <!-- 员工自助 -->
        <div class="weui-panel">
            <div class="weui-cells">
                <div class="weui-cell">
                    <div class="weui-cell-ver"></div>
                    <div class="weui-cell__bd">
                        <p>员工自助</p>
                    </div>
                </div>
            </div>
            <div class="weui-grids">
                <a href="javascript:;" (click)="onClickMenuItem(item)" class="weui-grid" *ngFor="let item of empSelfHelpMenus">
                    <span class="weui-badge" *ngIf="item.badgeNum != '0'" style="position: absolute;top: 1em;right: 1em;padding: .1em .2em;">{{item.badgeNum}}</span>
                    <div class="weui-grid__icon">
                        <img [src]="item.iconSrc" alt="">
                    </div>
                    <p class="weui-grid__label">{{item.menuName}}</p>
                </a>
            </div>
        </div>

        <!-- 经理自助 -->
        <div class="weui-panel">
            <div class="weui-cells">
                <div class="weui-cell">
                    <div class="weui-cell-ver"></div>
                    <div class="weui-cell__bd">
                        <p>经理自助</p>
                    </div>
                </div>
            </div>
            <div class="weui-grids">
                <a href="javascript:;" (click)="onClickMenuItem(item)" class="weui-grid" *ngFor="let item of mgrSelfHelpMenus">
                    <div class="weui-grid__icon">
                        <img [src]="item.iconSrc" alt="">
                    </div>
                    <p class="weui-grid__label">{{item.menuName}}</p>
                </a>
            </div>
        </div>
    </div>
</div>